<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品展示</title>
    <link rel="stylesheet" href="./css/index-product.css">
    <link rel="stylesheet" href="./utils/iconfont.css">
</head>
<body>
    <div class="warp">
        <header>
            <div class="nav">
                <h4>TISON</h4>
                <ul>
                    <li><a href="./index-home.html">首页</a></li>
                    <li><a href="./index-About.html">关于我们</a></li>
                    <li><a href="./index-product.html">产品展示</a></li>
                    <li><a href="./index-terminal.html">终端形象</a></li>
                    <li><a href="./index-journalism.html">新闻中心</a></li>
                    <li><a href="#">加入我们</a></li>
                    <li><a href="#"><i class="iconfont icon-tubiao09"></i></a></li>
                </ul>
            </div>
            <div class="img">
                <div class="img-one">
                    <img src="./img.product/产品展示首图.png" alt="">
                    <p>天生一对</p>
                    <p>/把最好的留给你/</p>
                </div>
            </div>
            <div class="main">
                <h4>钻戒系列</h4>
                <p>——</p>
                <div class="content">
                    <div class="img1">
                        <img src="./img.product/戒指1.png" alt="">
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div> 
                    </div>
                    <div class="img1">
                        <img src="./img.product/戒指2.png" alt="">
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div> 
                    </div>
                    <div class="img1">
                        <img src="./img.product/戒指3.png" alt=""> 
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div> 
                    </div>
                    <div class="img1">
                        <img src="./img.product/戒指4.png" alt=""> 
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div> 
                    </div>
                    <div class="img1">
                        <img src="./img.product/戒指5.png" alt="">
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div>  
                    </div>
                    <div class="img1">
                        <img src="./img.product/戒指6.png" alt="">
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div> 
                    </div>
                    <div class="img1">
                        <img src="./img.product/戒指7.png" alt="">
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div>  
                    </div>
                    <div class="img1">
                        <img src="./img.product/戒指8.png" alt="">
                        <div class="hover">
                            <p>钻戒系列</p>
                            <p>Tison钻石戒指</p>
                            <p>铂金全环共爪式钻戒</p>
                            <p>镶嵌圆形明亮式切割钻石</p>
                        </div>  
                    </div>
                </div>
            </div>
            <div class="center">
                <div class="center-img">
                    <img src="./img.product/中间图层.png" alt="">
                    <p>有一种永恒的爱</p>
                    <p>叫蒂森&TISON</p>
                </div>
            </div>
            <div class="wrapper">
                <div class="wrapper-center">
                    <h5>项链系列</h5>
                    <p>——</p>
                </div>
                <div class="wrapper-img">
                    <div class="wrapper-img2">
                     <img src="./img.product/项链1.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链2.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链3.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链4.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链5.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链6.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链7.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链8.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                    <div class="wrapper-img2">
                     <img src="./img.product/项链9.png" alt="">
                     <p>Tison & Love系列  奢华版 钻石套链</p>
                     <p>数万年等待，只为遇见你</p>
                     <button>TISON</button>
                    </div>
                </div>
            </div>
            <div class="footer">
                    <div class="footer-two">
                        <p>加入我们&nbsp;|&nbsp;联系我们&nbsp;|&nbsp;法律声明</p>
                        <i class="iconfont icon-weixin1"></i>
                        <i class="iconfont icon-QQ"></i>
                        <i class="iconfont icon-weibo"></i>
                        <div class="shuxian">
                            <p></p>
                        </div>
                        <div class="footer-three">
                            <p>联系方式 / CONTACTUS</p>
                            <p>公司名称：黑龙江蒂森珠宝股份有限公司</p>
                            <p>公司地址：黑龙江省哈尔滨市道里区上海街海拉尔胡同88号</p>
                            <p>邮      编：150000</p>
                            <p>联系电话：0451-3423758</p>联系电话：0451-3423758
                        </div>
                        <div class="shuxian2">
                            <p></p>
                        </div>
                        <div class="footer-img">
                            <img src="./img/底部二维码.png" alt="">
                            <p>扫一扫，加关注</p>
                        </div>
                    </div>
            </div>
        </header>
    </div>
</body>
</html>